{extend name='template/base'}{/extend}
{block name='title'}{/block}
{block name='style'}{/block}
{block name='script'}{/block}
{block name='footer'}{/block}
{block name='content'}

<header class="header">
    <div>
        <a class="goback"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
        账户信息
    </div>
</header>
<div class="pages">
    <div class="list-form other">
        <ul id="info_ul">
            <template>
            <li>
                <span>当前余额</span>
                <div class="text-center" style="height: 60px;line-height:60px;font-size: 24px;">{{info.money}}元</div>
            </li>
            </template>
        </ul>
    </div>
    <div class="list-form other has-b">
        <ul class="title-gray">
            <li>
                交易明细
            </li>
        </ul>
        <div style="position: relative;height: calc(100vh - 236px);font-size: 12px">
            <div id="refreshContainer" class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul id="data_ul" class="mui-table-view mui-table-view-chevron">
                        <template v-for="item in items">
                            <li v-for="vo in item">
                                <div class="info-detail">
                                    <span>￥{{vo.pay_money}}</span>
                                    <span>{{vo.remark}}</span>
                                    <span>{{vo.add_time}}</span>
                                </div>
                            </li>
                        </template>
                        <!--<li>-->
                        <!--<div class="info-detail">-->
                        <!--<span>100</span>-->
                        <!--<span>充值</span>-->
                        <!--<span>2017-06-01 11:20:20</span>-->
                        <!--</div>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer class="btn-bottom-double">
        <div id="vue_div">
            <!--<a href="" class="color-primary">消费</a>-->
            <a @tap="recharge_btn()" class="color-primary">充值</a>
            <!--<a @tap="withdraw_btn()" style="background-color: green;color: white">提现</a>-->
        </div>
    </footer>
</div>
{/block}
{block name='script_extra'}
<script>
    var list_url = "{:url('user/Account/account_bill')}";
    var recharge_url = "{:url('user/Account/recharge')}";
    var withdraw_url = "{:url('user/Account/withdraw')}";
    var account_url = "{:url('user/Account/get_account')}";
    require(['user/account/index']);
</script>
{/block}